
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="page"/>
<html>
<head>
    <title>Insert title here</title>
    <link rel="stylesheet" href="${ctx}/css/templatemo_style.css" /> <!-- 页面整体布局样式定义 -->
    <link rel="stylesheet" href="${ctx}/css/ddsmoothmenu.css" /> <!-- 菜单样式定义 -->
    <script type="text/javascript" src="${ctx}/js/jquery-1.4.3.min.js"></script>
    <script type="text/javascript">
        var ctx = "${pageContext.request.contextPath}";
        function showUserName(){
            var name = "${user.userName}";

            if(name != ""){
                $("#login").html(name);
                $("#exitP").show();
                $("#login").attr("href", ctx + "/user?flag=finduser&username=${user.userName}");
            }else{
                $("#login").html("登录");
                $("#exitP").hide();
                $("#login").attr("href", ctx + "/user?flag=login");
            }
        }

        function ajax() {
            if ("${user.userName}"!=""){
                $.get(
                    "${ctx}/order?flag=data",
                    {"userId":"${user.userName}"},
                    function(data){
                        alert(data);
                    },
                    "text"
                );
            }
            else {
                alert("请登录");
            }
        }
        </script>
</head>

<body>
<div id="templatemo_body_wrapper">
    <div id="templatemo_wrapper">


        <!-- header -->
        <div id="templatemo_header">
            <div id="site_title"><h1><a href="${ctx}/home">穿美在线鞋城</a></h1></div>
            <div id="header_right">
                <p>
                    <a href="${ctx}/user?flag=login" id="login">登录</a>&nbsp;
                    <span id="exitP" style="display: none"><a href="${ctx}/user?flag=logout" id="exit">注销</a></span>
                </p>
            </div>
            <div class="cleaner"></div>
        </div>
        <!-- END of templatemo_header -->


        <!-- menu -->
        <div id="templatemo_menubar">
            <div id="top_nav" class="ddsmoothmenu">
                <ul>
                    <li><a href="${ctx}/home">首页</a></li>
                    <li><a href="${ctx}/product">产品</a></li>
                    <li><a href="${ctx}/shopcart?&userId=${sessionScope.user.userId}">我的购物车</a></li>
                    <li><a href="${ctx}/order" class="selected">我的订单</a></li>
                </ul>
                <br style="clear: left" />
            </div>
            <!-- end of ddsmoothmenu -->
        </div>
        <!-- END of templatemo_menubar -->

        <div id="templatemo_main">
            <div id="content" class="float_l" style="margin-left:120px">
                <h2>订单详情</h2>
                <table>
                    <tr>
                        <th colspan="4" align="left">订单</th>
                    </tr>
                    <tr>
                        <td><div style="width:20px;"></div></td>
                        <td>订单号:</td>
                        <td><div style="width:20px;"></div></td>
                        <td>${order.orderId}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>创建日期:</td>
                        <td></td>
                        <td>${order.createTime}</td>
                    </tr>
                    <tr>
                        <th colspan=4" align="left">付款信息</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td>支付类型:</td>
                        <td></td>
                        <td>
                            <c:if test="${order.payment==1}">
                                微信
                            </c:if>
                            <c:if test="${order.payment==2}">
                                支付宝
                            </c:if>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>金额:</td>
                        <td></td>
                        <td>￥${order.amount}</td>
                    </tr>
                    <tr>
                        <th colspan="4" align="left">收货人信息</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td>姓名:</td>
                        <td></td>
                        <td>${order.receiver}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>省份:</td>
                        <td></td>
                        <td>${order.province}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>城市:</td>
                        <td></td>
                        <td>${order.city}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>区、县:</td>
                        <td></td>
                        <td>${order.county}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>地址:</td>
                        <td></td>
                        <td>${order.address}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>邮政编码:</td>
                        <td></td>
                        <td>${order.zipcode}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>电话:</td>
                        <td></td>
                        <td>${order.telphone}</td>
                    </tr>
                </table>
                <br>

                <table style="border:1px solid #CCCCCC;" width="100%">
                    <tr>
                        <td>产品编号</td>
                        <td>产品描述</td>
                        <td>数量</td>
                        <td>价格</td>
                        <td>小计</td>
                    </tr>
                    <c:forEach items="${order.orderps}" var="op">
                        <tr>
                            <td>${op.productId}</td>
                            <td>${op.feature}</td>
                            <td>${op.quantity}</td>
                            <td>${op.price}</td>
                            <td>${op.subtotal}</td>
                        </tr>
                    </c:forEach>
                    <tr>
                        <td colspan="5" align="right"><p style="font-weight:bold;padding:0 25px">总金额: ￥${order.amount}</p></td>
                    </tr>
                </table>
                <br>
                <a href="javascript:history.back()">返回订单列表</a>
            </div>

            <div class="cleaner"></div>
        </div> <!-- END of templatemo_main -->

        <!-- footer -->
        <div id="templatemo_footer">
            <p>
                <a href="${ctx}/home">首页</a> | <a href="${ctx}/product">产品</a> | <a href="${ctx}/shopcart">我的购物车</a> | <a href="${ctx}/order">我的订单</a>
            </p>
            版权所有 (c) 2018 <a href="javascript:void(0);">金桥软件</a>
        </div>
        <!-- END of templatemo_footer -->


    </div>
    <!-- END of templatemo_wrapper -->
</div>
<!-- END of templatemo_body_wrapper -->
<script type="text/javascript">
    $(function(){
        showUserName();
    });
</script>
</body>
</html>
